<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件客户端</title>
</head>
<body>
<form enctype="multipart/form-data" method="post" action="http://localhost:8080/file/upload">
    <input type="file" name="file" id="file">
    <input type="submit" value="上传" id="mybtn">
</form>

<!-- 传入要下载的文件的uuid -->
<form method="get" action="http://localhost:8080/file/download">
    <input type="text" name="id">
    <input type="submit" value="下载文件">
</form>

<!-- 传入要下载的元数据的uuid -->
<form method="get" action="http://localhost:8080/file/getDate">
    <input type="text" name="id">
    <input type="submit" value="获取json数据信息">
</form>
<!--<script src="jquery.min.js"></script>-->
<script type="text/javascript">
    //获取一个上传文件的扩展名
    var myfile = document.getElementById('file');
    var mybtn = document.getElementById('mybtn');
    mybtn.onclick = function(){
        //获取文件上传文件的文件名和扩展名
        if(myfile.files[0] == undefined){
            alert('未上传文件！');
        }else{
            //获取上传文件的文件名
            console.log(myfile.files[0].name)
        }
        //获取上传文件的扩展名
        var filevalue = myfile.value;
        var index = filevalue.lastIndexOf('.');
        console.log(filevalue.substring(index));
        var testEle = document.getElementById("filename")

        testEle.setAttribute("filename",filevalue.substring(index)); // 设置

        testEle.attributes["filename"].nodeValue; // 获得
        console.log(testEle.attributes["filename"].nodeValue)

        alert(filevalue.substring(index));
    }
</script>
</body>
</html>